﻿html { overflow-y: auto; }
body { color: #999; font-family: Helvetica Neue, Helvetica, 'Liberation Sans', FreeSans, Arial, sans-serif; }

a, a:active, a:visited { color: #999; }
a:hover { color: #000; text-decoration: none; }
li.current a, a.current { color: #000; }

a:focus { outline: none; }

* :focus { outline: 0; }

.fleft { float: left; }

.fright { float: right; }

td, th { border: none; }

.progress { background-repeat: no-repeat; background-position: center center; background-image: url(../Images/Progress.gif)!important; }

input.primary-button, a.primary-button, button.primary-button, input.secondary-button, a.secondary-button, button.secondary-button { padding: 6px 12px; text-decoration: none; cursor: pointer; letter-spacing: 1px; margin-left: 4px; text-transform: uppercase; }
input.primary-button, a.primary-button, button.primary-button { border: 1px solid #999; color: #fff; background-color: #000; }
input.secondary-button, a.secondary-button, button.secondary-button { border: 1px solid #999; color: #666; background-color: #fff; }
input.small-button.primary-button, a.small-button.primary-button, button.small-button.primary-button, input.small-button.secondary-button, a.small-button.secondary-button, button.small-button.secondary-button { padding: 3px 6px; }

.button { text-decoration: none; cursor: pointer; border: none; background-position: center center; background-repeat: no-repeat; display: inline-block; text-indent:-9999px; }
.login-button { background-image: url("../Images/LoginButton.jpg"); width: 73px; height: 30px; }
.submit-button { background-image: url("../Images/SubmitButton.jpg"); width: 82px; height: 30px; }
.submit-alt-button { background-image: url("../Images/SubmitAltButton.jpg"); width: 79px; height: 34px; }
.edit-button { background-image: url("../Images/EditButton.jpg"); width: 62px; height: 30px; }
.back-button { background-image: url("../Images/BackButton.jpg"); width: 67px; height: 30px; }
.track-button { background-image: url("../Images/TrackButton.jpg"); width: 75px; height: 30px; }
.view-button { background-image: url("../Images/ViewButton.jpg"); width: 64px; height: 30px; }
.next-button { background-image: url("../Images/NextButton.jpg"); width: 68px; height: 30px; }
.purchase-button { background-image: url("../Images/PurchaseButton.jpg"); width: 103px; height: 30px; }
.save-settings-button { background-image: url("../Images/SaveSettingsButton.jpg"); width: 147px; height: 32px; }
.continue-shopping-button { background-image: url("../Images/ContinueShoppingButton.jpg"); width: 184px; height: 32px; }

.quickview { 
    background: url("../Images/btn-grey.png") repeat-x scroll 0 0 transparent; 
    text-transform: uppercase; color: #FFFFFF; 
    background-position: center center; 
    width: 102px; 
    height: 22px; 
    display: inline-block;
    font-size: 12px;
    font-family: tahoma;
    font-weight: bold;
    line-height: 22px;
    
    }


.horiz-line { margin-bottom: 20px; background-image: url("../Images/HorizLine.png"); background-repeat: repeat-x; background-position: bottom left; }
.horiz-line .title { padding-right: 3px; background-color: #fff; display: inline-block; }

div.price { }
div.price span.full { text-decoration: line-through; }
div.price span.sale { color: #ff0000; }

h2.heading { color: #666; font-family: 'Times New Roman', Times, serif; font-size: 2.2em; font-weight: normal; letter-spacing: 1.5px; text-transform: uppercase; line-height: 1.5em; }
h3.sub-heading { color: #333; font-size: 1.5em; font-weight: normal; letter-spacing: 1px; }

p.info { font-size: 1.2em; }

.error-text, .warning-text { color: red; }
.message-text, .highlight-text { color: green; }

.products { overflow: hidden; }
.products .product { display: inline-block; text-align: center; margin-bottom: 50px; position: relative; vertical-align: top; background-color: #fff; }
.products .product a { text-decoration: none; }
.products .product:hover .arrow { display: block; }
.products .product .arrow { display: none; position: absolute; bottom: 10px; left:76px }
.products .product .prev { left: 0; }
.products .product .next { right: 0; }
.products .product .image { padding-bottom: 5px; }
.products .product .image img { max-width: 100%; max-height: 100%; vertical-align: top; }
.products .product .image .title { padding: 0 5px; }
.products .product .image .title a { color: #292828; display: block; overflow: hidden; font-weight: bold; }
.products .product .details h4.designer { margin: 20px 10px 4px; font-family: 'Times New Roman', Times, serif; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase; font-size: 1.1em; color: #666; }
.products .product .details .description { margin: 0; padding: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.products .product .details .description:empty { display: none; }
.products .product .details .price { white-space: nowrap; margin-top: 4px; letter-spacing: 1px; }
.products .product .details .slug { height: 21px; margin-top: 20px; }
.product.small .image img { width: 150px; height: 200px; }
.product.medium .image img { /*width: 239px;*/ height: 246px; }
.products .product .tensanpham { float: left; width:50%;  font-weight:bold; font-size:1.1em; }
.products .product .binhluan { float: left; width:50%; font-weight:bold; font-size:1.1em; }
/* tables */
table.lines { width: 100%; margin: 20px 0; border-collapse: collapse; font-size: 1.1em; }
table.lines thead { font-weight: bold; border-bottom: 8px solid #E7EDEB; }
table.lines th, table.lines td { border: none; text-align: center; }
table.lines th { vertical-align: middle; padding: 8px; }
table.lines td { vertical-align: middle; color: #666; font-weight: bold; padding: 10px 0; }
table.lines tbody tr td { padding: 20px 8px; }
table.lines tbody tr td a { text-decoration: none; }
table.lines tbody tr { border-bottom-width: 1px; border-bottom-color: #999; border-bottom-style: solid; }
table.lines tbody img { width: 60px; vertical-align: middle; }
table.lines tfoot td.name { text-align: right; }

div.empty-lines { background-color: #E7EDEB; padding: 60px; text-align: center; }
div.empty-lines p { font-size: 1.8em; margin-bottom: 50px; }
.add-line, .remove-line { border: none; background-color: transparent; text-align: right; background-image: url(../Images/CheckInactive.png); background-repeat: no-repeat; background-position: right center; padding: 15px 20px 15px 15px; cursor: pointer; color: #999; font-size: 0.9em; }
.add-line:hover { background-image: url(../Images/CheckActiveTick.png); }
.remove-line:hover { background-image: url(../Images/CheckActiveCross.png); }

/* product line links */
table.lines th.product-link-header, table.lines th.product-link-header, table.lines td.product-link { text-align: left; }
.product-link { text-align: left; font-weight: normal; }
.product-link .designer { font-family: 'Times New Roman', Times, serif; letter-spacing: 1px; color: #000; font-weight: bold; margin: 0; text-transform: uppercase; }
.product-link .description { text-transform: capitalize; margin: 0; font-weight: normal; }
.product-link .code { font-weight: normal; }

/* yui3 additional box padding classes */
.yui3-b-2 { padding: 2px; }
.yui3-b, .yui3-b-4 { padding: 4px; }
.yui3-b-6 { padding: 6px; }
.yui3-b-8 { padding: 8px; }
.yui3-b-10 { padding: 10px; }
.yui3-b-16 { padding: 16px; }
.yui3-b-20 { padding: 20px; }


/* address list */
.existing-addresses { font-size: 1.2em; }
.address { display: inline-block; width: 48%; vertical-align: top; }
.address ol, .address ul { margin-left: 0; margin-top: 0; }
.address li { list-style-type: none; }
.address label { display: inline-block; margin-bottom: 20px; }
.existing-addresses input.add-new-address-btn { border: none; background: none; display: block; cursor: pointer; font-weight: bold; }


/* paging */
.pager { text-align: center; text-transform: uppercase; letter-spacing: 1px; }
.pager a { text-decoration: none; }
.pager a.current { font-weight: bold; color: #666; }
.pager .separator { color: green; font-size: 1.2em; font-weight: bold; padding: 0 10px; }


/* popup */
.popup { display: none; }
.matches-fashion .ui-widget { font-family: Helvetica Neue, Helvetica, 'Liberation Sans', FreeSans, Arial, sans-serif; font-size: inherit; }
.matches-fashion .ui-widget-overlay { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); opacity: 1; }
.matches-fashion .ui-dialog { -moz-border-radius: 0; border-radius: 8px; }
.matches-fashion .ui-widget-content { color: #666; }
.matches-fashion .ui-dialog-titlebar { background: none repeat scroll 0 0 transparent; border: none; }
.matches-fashion .ui-widget input, .matches-fashion .ui-widget select, .matches-fashion .ui-widget textarea, .matches-fashion .ui-widget button { font-family: inherit; font-size: 1em; }
.ui-dialog-titlebar .close { text-align: right; font-weight: normal; }
.ui-dialog-titlebar .close a { color: #999; font-size: 12px; background-image: url("../Images/CloseInactive.png"); background-repeat: no-repeat; background-position: right center; width: 26px; height: 26px; display: inline-block; line-height: 26px; padding-right: 36px; }
.ui-dialog-titlebar .close a:hover { background-image: url("../Images/CloseActive.png"); text-decoration: underline; color: #999; }

/* no flash player message */
.no-flash { overflow: hidden; }
.no-flash img { float: left; margin-right: 10px; }

/*////////////////////////////////Pages////////////////////////////////*/
.pages{padding:5px 0px 0px !important; margin: 0px 0px 5px 0px !important; list-style:none outside none; color:#999; float:right; clear:right;}
.pages li{display:inline-table; margin:5px 3px; padding: 2px 0px;}
.pages a{ border:1px solid #EEE; background:#FFF; padding:3px 8px; text-decoration:none;}
.pages a:hover,.pages a.active{border:1px solid #eee; background:#f5f5f5;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-table;}

.pagesht{padding:5px 0px 0px !important; margin: 0px 0px 5px 0px !important; list-style:none outside none; color:#999; float:left; clear:right;}
.pagesht li{display:inline-table; margin:5px 3px; padding: 2px 0px;}
.pagesht a{ border:1px solid #EEE; background:#FFF; padding:3px 8px; text-decoration:none;}
.pagesht a:hover,.pagesht a.active{border:1px solid #eee; background:#f5f5f5;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-table;}
/*////////////////////////////////Pages////////////////////////////////*/
.commentList p{
    margin-bottom: 2px !important;
}
.commentList{ list-style:none outside none; margin:0 !important; padding:0;}
.commentList li{list-style:none; border:0; padding:5px 5px; background:#f2f2f2; margin:2px 0;}
.commentList .wrap textarea{ height:14px !important; min-height:14px !important;}
.commentActions{ display:block; padding-top:2px;}
.commentActions abbr{border-bottom:none; color:gray;}
.component{ padding:15px;}
a.answer_reply{
    text-decoration: none;
}
a.answer_reply:hover{
    text-decoration: underline
}

.online{
    line-height: 25px;
    display: block;
    background: url('../Images/online.gif') top left no-repeat;
}

.offline{
    line-height: 25px;
    display: block;
    background: url('../Images/offline.gif')  top left no-repeat;
}

.product-relative{
    position: relative;
}
.delete-icon{
    background: url('../Images/delete_icon.png')  top right no-repeat;
    position: absolute;
    top: 0px;
    right:0px;
    width: 15px;
}